<template>
    <div id="app">
        <router-view/>  
    </div>
  
</template>

<script>
import "./assets/reset.css";
import "./assets/jquery.cookie.js"
export default {
  name: "app",
  beforeCreate() {
    // $(document).ready(function() {
    //   $("a").on("click touchend", function(e) {
    //     var el = $(this);
    //     var link = el.attr("href");
    //     window.location = link;
    //   });
    // });
  },
  mounted: function() {}
};
</script>

<style>
.bg_fare:before {
  content: " ";
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(assets/images/bg_fare.png) center no-repeat;
  background-size: cover;
}
.index:before {
  content: " ";
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(assets/images/bg.png) center no-repeat;
  background-size: cover;
}
.bg_MyPoints:before {
  content: " ";
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(assets/images/bg_MyPoints.png) center no-repeat;
  background-size: cover;
}
.bg_Code:before {
  content: " ";
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(assets/images/bg_Code.png) center no-repeat;
  background-size: cover;
}
.con .box img {
    max-width:220px;
    display: block;
    margin: 0 auto
}

</style>
